@charset "utf-8";
.banner*{-moz-transition: all; -webkit-transition: all;-o-transition: all;-ms-transition: all;transition: all ;}
.banner{position:relative;width:100%;height:auto;overflow:hidden;margin-top:-20px;}
.banner .bannerBtn{position:absolute;top:50%;height:148px;margin-top:-74px;cursor:pointer;z-index:2;}
.banner .bannerBtn.leftBtn{left:-100px;}
.banner .bannerBtn.rightBtn{right:-100px;}
.banner .banconts{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.banner .bancont{position:absolute;top:0px;width:100%;height:100%;background-size:100% auto;background-repeat:no-repeat;background-position:center 127px;background-attachment:fixed;text-align:center;}
.banner .contentInfo{position:absolute;top:50%;left:50%;width:1200px;height:300px;margin-top:-150px;margin-left:-600px;z-index:1;}
.banner .bancont .title1{opacity:0;width:100%;font-family:'微软雅黑';font-size:60px;color:#c5c5c5;text-align:left;line-height: 1.4;font-weight: bold;}
.banner .bancont .title2{opacity:0;width:100%;font-family:'微软雅黑';font-size:50px;color:#008ed6;text-align:left;line-height: 1.5;font-weight: bold;}
.banner .bancont .title3{opacity:0;font-size:30px;color:#fff;text-align:left;font-weight: bold;}
.banner .bancont.cont3 .title1{font-size: 40px}
.banner .bancont.cont3 .title3{font-size: 20px}
.banner .bannerNav{position:absolute;bottom:30px;width:100%;text-align:center;z-index:2;}
.banner .bannerNav img{width:80px;height:4px;margin:0px 3px;cursor:pointer;vertical-align: baseline;}
.banner .bannerBg{width:100%;height:auto;vertical-align:middle;}

.mobile .banner .bancont{background-position: center 0;background-attachment: initial}


@media  (max-width: 479px) {
    .banner .bannerBtn{height:38px;margin-top:-19px;}
    .banner .bannerBtn.leftBtn{left:5px !important;}
    .banner .bannerBtn.rightBtn{right:5px !important;}
    .banner .contentInfo{height:100px;margin-top:-80px;left: 0;width: 100%;margin-left: 0}
    .banner .bancont{background-size:auto 215px;background-position:center 60px;}
    .banner .bancont .title1{font-size:26px;text-align: center;}
    .banner .bancont .title2{font-size:26px;text-align: center;font-weight: normal;}
    .banner .bancont .title3{font-size:18px;text-align: center;font-weight: normal;}
    .banner .bancont.cont3 .title1{font-size: 28px}
    .banner .bancont.cont3 .title3{font-size: 17px}
    .banner .bannerNav{bottom:10px;}
    .banner .bannerNav img{width:40px;height:2px;margin:0px 3px;}
    .banner .bannerBg{width:100%;height:215px;}
}
@media (min-width: 480px) and (max-width: 639px) {
    .banner .bannerBtn{height:38px;margin-top:-19px;}
    .banner .bannerBtn.leftBtn{left:5px !important;}
    .banner .bannerBtn.rightBtn{right:5px !important;}
    .banner .contentInfo{height:100px;margin-top:-80px;left: 0;width: 100%;margin-left: 0}
    .banner .bancont{background-size:auto 450px;background-position:center 60px;}
    .banner .bancont .title1{font-size:26px;text-align: center;}
    .banner .bancont .title2{font-size:26px;text-align: center;font-weight: normal;}
    .banner .bancont .title3{font-size:18px;text-align: center;font-weight: normal;}
    .banner .bancont.cont3 .title1{font-size: 26px;}
    .banner .bancont.cont3 .title3{font-size: 16px}
    .banner .bannerNav{bottom:10px;}
    .banner .bannerNav img{width:40px;height:2px;margin:0px 3px;}
    .banner .bannerBg{width:100%;height:450px;}
}
@media (min-width: 640px) and (max-width:1023px ) {
    .banner .bannerBtn{height:74px;margin-top:-37px;}
    .banner .bannerBtn.leftBtn{left:10px !important;}
    .banner .bannerBtn.rightBtn{right:10px !important;}
    .banner .contentInfo{height:100px;margin-top:-80px;left: 0;width: 100%;margin-left: 0}
    .banner .bancont{background-size:auto 600px;background-position:center 60px;}
    .banner .bancont .title1{font-size:40px;text-align: center;}
    .banner .bancont .title2{font-size:40px;text-align: center;font-weight: normal;}
    .banner .bancont .title3{font-size:30px;text-align: center;font-weight: normal;}
    .banner .bancont.cont3 .title1{font-size: 40px}
    .banner .bannerNav{bottom:10px;}
    .banner .bannerNav img{width:80px;height:4px;margin:0px 3px;}
    .banner .bannerBg{width:100%;height:600px;}
}
@media (min-width: 1024px) and (max-width:1199px ) {
    .banner .contentInfo{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
    .banner .contentInfo{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
    .banner .bannerBtn{height:90px;margin-top:-45px;}
    .banner .bannerBtn.leftBtn{left:-100px;}
    .banner .bannerBtn.rightBtn{right:-100px;}

    .banner .contentInfo{width:1024px;height:180px;margin-top:-90px;margin-left: -512px}
    .banner .bancont{background-position: center 107px;}
    .banner .bancont .title1{font-size:40px;}
    .banner .bancont .title2{font-size:50px;}
    .banner .bancont .title3{font-size:30px;}
    .banner .bannerNav{bottom:23px;}
    .banner .bannerNav img{width:100px;height:3px;margin:0px 3px;}
}
@media (min-width: 1200px) and (max-width:1439px ) {
    .banner .contentInfo{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
    .banner .contentInfo{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
    .banner .bannerBtn{height:90px;margin-top:-45px;}
    .banner .bannerBtn.leftBtn{left:-100px;}
    .banner .bannerBtn.rightBtn{right:-100px;}

    .banner .contentInfo{}
    .banner .bancont{}
    .banner .bancont .title1{font-size:60px;}
    .banner .bancont .title2{font-size:50px;}
    .banner .bancont .title3{font-size:30px;}
    .banner .bannerNav{bottom:23px;}
    .banner .bannerNav img{width:60px;height:3px;margin:0px 3px;}
}
@media (min-width: 1440px) and (max-width:1920px ) {
    .banner .bannerBtn{height:112px;margin-top:-56px;}
    .banner .bannerBtn.leftBtn{left:-100px;}
    .banner .bannerBtn.rightBtn{right:-100px;}

    .banner .contentInfo{height:220px;margin-top:-110px;}
    .banner .bancont{}
    .banner .bancont .title1{font-size:60px;}
    .banner .bancont .title2{font-size:50px;}
    .banner .bancont .title3{font-size:30px;}
    .banner .bancont.cont3 .title3{font-size: 20px}
    .banner .bannerNav{bottom:23px;}
    .banner .bannerNav img{width:80px;height:4px;margin:0px 3px;}
}